<template>
	<view>
		<view class="signed_title">
			<view class="signed_title_text signed_title_textactive">01.选择银行</view>
			<image class="signed_title_img1" src="../../static/images/signed_01.png"></image>
			<view class="signed_title_text">02.添加银行卡</view>
			<image class="signed_title_img1" src="../../static/images/signed_01.png"></image>
			<view class="signed_title_text">02.短信验证</view>
		</view>
		
		<view class="signed_list_box">
			<view class="signed_list" v-for="(item,index) in list" @click="jump(item.code)">
				<view class="signed_list_name">{{item.name}}</view>
				<text
				  class="u-iconfont uicon-arrow-right"
				  style="color: #AFAFAF"
				></text>
			</view>
			<view class="tianchong"></view>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list:'',
				order_sn:''
			}
		},
		onLoad(opt) {
			this.order_sn=opt.order_sn
			this.getlist()
		},
		onShow() {
			
		},
		methods: {
			getlist(){
				let that=this
				
				that.$http('user.bank_code', {}, '加载中...').then(res => {
					if (res.code === 1) {
						console.log(res.data)
						that.list=res.data
					}
				});
			},
			jump(id){
				this.$Router.replace({
				  path:`/pages/order/signedtwo?order_sn=${this.order_sn}&code=${id}`,
				});
			}
		}
	}
</script>

<style lang="scss">
	page{
		background: #fff;
	}
.signed_title{
	height: 92rpx;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #F8F8F8;
	.signed_title_text{
		font-size: 26rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #BBBBBB;
	}
	.signed_title_textactive{
		color: #222222;
	}
	.signed_title_img1{
		width: 46rpx;
		height: 20rpx;
		margin:0 32rpx;
	}
}
.signed_list_box{
	background:#fff;
	padding:8rpx 0;
	.signed_list{
		width: 686rpx;
		height: 108rpx;
		margin:0 auto;
		border-bottom: 1rpx solid rgba(228,228,228,0.42);
		display: flex;
		align-items: center;
		justify-content: space-between;
		.signed_list_name{
			font-size: 32rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #111111;
		}
	}
}
.tianchong{
	height:30rpx;
}
</style>
